<template>
    <div class="toast" v-show="isShow">
        <div>{{message}}</div>
    </div>
</template>

<script>
export default {
    name:'toast',
    props:{
        message:String,
        isShow:Boolean
    }
}
</script>

<style>
    .toast {
        padding: 5px 10px;
        border-radius: 5px;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        background-color: rgba(0,0,0,.5);
        color: white;
    }
</style>